<template>
	<div class="page">
		<div style="flex: 1; display: flex; gap: 20px; flex-direction: column">
			<el-card class="box-card">
				<template #header>
					<div class="clearfix">
						<span>开发教程</span>
					</div>
				</template>
				<div style="line-height: 40px">
					<div class="text item">商城开放平台介绍</div>
					<div class="text item">商城平台业务介绍</div>

					<div class="text item">商城开发放平台账号体系</div>

					<div class="text item">商城开发放平台账号申请流程</div>
				</div>
			</el-card>

			<el-card class="box-card">
				<template #header>
					<div class="clearfix">
						<span>接口文档</span>
						<el-button
							style="float: right; padding: 3px 0"
							type="text"
							@click="$jump('/api_doc/readme')"
							>&gt;&gt; 全部接口</el-button
						>
					</div>
				</template>
				<!-- <div style="line-height: 40px">
							<div class="text item">OMS 订单管理系统接口</div>
							<div class="text item">TMS 运输管理系统接口</div>
							<div class="text item">WMS 仓储管理系统接口</div>
							<div class="text item">PMS 产品信息接口</div>
							<div class="text item">FMS 财务信息接口</div>
						</div> -->
			</el-card>
		</div>

		<div style="width: 300px">
			<el-card class="box-card">
				<template #header>
					<div class="clearfix">
						<span>常用工具</span>
					</div>
				</template>
				<div style="line-height: 40px">
					<div class="text item">
						<el-button @click="$jump('/debug_util')" type="text"
							>接口调试工具</el-button
						>
					</div>
					<div class="text item">沟通群: 钉钉</div>
				</div>
			</el-card>
		</div>
	</div>
</template>

<script></script>
<style scoped>
.page {
	padding: 30px;
	display: flex;
	gap: 30px;
	width: 1200px;
	margin: 0 auto;
}
.db_clear_list .el-checkbox {
	width: 600px;
	line-height: 30px;
}

.resource-div-block {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

.resource-div-block div {
	padding: 14px 40px 14px 40px;
	margin-bottom: 14px;
	font-size: 28px;
	color: #409eff;
	background: #ecf5ff;
	border-color: #b3d8ff;
	margin-right: 20px;
	cursor: pointer;
	position: relative;
}
</style>
